﻿<!DOCTYPE html>
<html>
  <head>
    <title>预约观看直播流程图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/预约观看直播流程图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/预约观看直播流程图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (动态面板) -->
      <div id="u487" class="ax_default">
        <div id="u487_state0" class="panel_state" data-label="State1" style="">
          <div id="u487_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u488" class="ax_default _形状">
              <div id="u488_div" class=""></div>
              <div id="u488_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 标题栏 (动态面板) -->
      <div id="u489" class="ax_default" data-label="标题栏">
        <div id="u489_state0" class="panel_state" data-label="状态1" style="">
          <div id="u489_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u490" class="ax_default _形状">
              <div id="u490_div" class=""></div>
              <div id="u490_text" class="text ">
                <p><span>入口索引</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (作者简介) -->

      <!-- 标题栏 (动态面板) -->
      <div id="u492" class="ax_default" data-label="标题栏">
        <div id="u492_state0" class="panel_state" data-label="状态1" style="">
          <div id="u492_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u493" class="ax_default _形状">
              <div id="u493_div" class=""></div>
              <div id="u493_text" class="text ">
                <p><span>作者姓名&nbsp; |&nbsp; 联系方式</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u491" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (组合) -->
      <div id="u494" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
      </div>

      <!-- Unnamed (角色) -->
      <div id="u495" class="ax_default flow_shape">
        <img id="u495_img" class="img " src="images/预约观看直播流程图/u495.svg"/>
        <div id="u495_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u496" class="ax_default flow_shape">
        <img id="u496_img" class="img " src="images/预约观看直播流程图/u496.svg"/>
        <div id="u496_text" class="text ">
          <p><span>是否预约过</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u497" class="ax_default _连接线">
        <img id="u497_seg0" class="img " src="images/预约观看直播流程图/u497_seg0.svg" alt="u497_seg0"/>
        <img id="u497_seg1" class="img " src="images/预约观看直播流程图/u497_seg1.svg" alt="u497_seg1"/>
        <img id="u497_seg2" class="img " src="images/预约观看直播流程图/u497_seg2.svg" alt="u497_seg2"/>
        <img id="u497_seg3" class="img " src="images/预约观看直播流程图/u497_seg3.svg" alt="u497_seg3"/>
        <div id="u497_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u498" class="ax_default label">
        <div id="u498_div" class=""></div>
        <div id="u498_text" class="text ">
          <p><span>预约过</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u499" class="ax_default flow_shape">
        <div id="u499_div" class=""></div>
        <div id="u499_text" class="text ">
          <p><span>加入我的课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u500" class="ax_default flow_shape">
        <div id="u500_div" class=""></div>
        <div id="u500_text" class="text ">
          <p><span>加入通知消息队列</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u501" class="ax_default flow_shape">
        <div id="u501_div" class=""></div>
        <div id="u501_text" class="text ">
          <p><span><br></span></p><p><span><br></span></p><p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u502" class="ax_default flow_shape">
        <div id="u502_div" class=""></div>
        <div id="u502_text" class="text ">
          <p><span>直播课程列表<br>当天直播课程</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u503" class="ax_default _连接线">
        <img id="u503_seg0" class="img " src="images/预约观看直播流程图/u503_seg0.svg" alt="u503_seg0"/>
        <img id="u503_seg1" class="img " src="images/预约观看直播流程图/u503_seg1.svg" alt="u503_seg1"/>
        <img id="u503_seg2" class="img " src="images/预约观看直播流程图/u503_seg2.svg" alt="u503_seg2"/>
        <div id="u503_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (角色) -->
      <div id="u504" class="ax_default flow_shape">
        <img id="u504_img" class="img " src="images/预约观看直播流程图/u504.svg"/>
        <div id="u504_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u505" class="ax_default label">
        <div id="u505_div" class=""></div>
        <div id="u505_text" class="text ">
          <p><span>1.微信公众号 ：开课前15分钟</span></p><p><span>2.app 发送 通知栏信息</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u506" class="ax_default" data-left="1060" data-top="775" data-width="150" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u507" class="ax_default flow_shape">
          <div id="u507_div" class=""></div>
          <div id="u507_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u508" class="ax_default paragraph">
          <div id="u508_div" class=""></div>
          <div id="u508_text" class="text ">
            <p><span>Home</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u509" class="ax_default" data-left="1065" data-top="795" data-width="131" data-height="48">

          <!-- Unnamed (矩形) -->
          <div id="u510" class="ax_default shape1">
            <div id="u510_div" class=""></div>
            <div id="u510_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (向左箭头) -->
          <div id="u511" class="ax_default shape1">
            <img id="u511_img" class="img " src="images/预约观看直播流程图/u511.svg"/>
            <div id="u511_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (向左箭头) -->
          <div id="u512" class="ax_default shape1">
            <img id="u512_img" class="img " src="images/预约观看直播流程图/u511.svg"/>
            <div id="u512_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u513" class="ax_default shape1">
            <img id="u513_img" class="img " src="images/预约观看直播流程图/u513.svg"/>
            <div id="u513_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u514" class="ax_default shape1">
            <img id="u514_img" class="img " src="images/预约观看直播流程图/u513.svg"/>
            <div id="u514_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (圆形) -->
          <div id="u515" class="ax_default shape1">
            <img id="u515_img" class="img " src="images/预约观看直播流程图/u513.svg"/>
            <div id="u515_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u516" class="ax_default shape1">
          <div id="u516_div" class=""></div>
          <div id="u516_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u517" class="ax_default" data-left="1075" data-top="880" data-width="110" data-height="31">

          <!-- Unnamed (矩形) -->
          <div id="u518" class="ax_default shape1">
            <div id="u518_div" class=""></div>
            <div id="u518_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u519" class="ax_default shape1">
            <div id="u519_div" class=""></div>
            <div id="u519_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u520" class="ax_default shape1">
            <div id="u520_div" class=""></div>
            <div id="u520_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u521" class="ax_default shape1">
            <div id="u521_div" class=""></div>
            <div id="u521_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u522" class="ax_default image">
            <img id="u522_img" class="img " src="images/预约观看直播流程图/u522.png"/>
            <div id="u522_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u523" class="ax_default" data-left="1077" data-top="921" data-width="111" data-height="31">

          <!-- Unnamed (组合) -->
          <div id="u524" class="ax_default" data-left="1138" data-top="921" data-width="50" data-height="31">

            <!-- Unnamed (矩形) -->
            <div id="u525" class="ax_default shape1">
              <div id="u525_div" class=""></div>
              <div id="u525_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u526" class="ax_default image">
              <img id="u526_img" class="img " src="images/预约观看直播流程图/u522.png"/>
              <div id="u526_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u527" class="ax_default shape1">
            <div id="u527_div" class=""></div>
            <div id="u527_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u528" class="ax_default shape1">
            <div id="u528_div" class=""></div>
            <div id="u528_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u529" class="ax_default shape1">
            <div id="u529_div" class=""></div>
            <div id="u529_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u530" class="ax_default" data-left="1101" data-top="857" data-width="60" data-height="12">

          <!-- Unnamed (矩形) -->
          <div id="u531" class="ax_default shape1">
            <div id="u531_div" class=""></div>
            <div id="u531_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u532" class="ax_default shape1">
            <div id="u532_div" class=""></div>
            <div id="u532_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u533" class="ax_default shape1">
            <div id="u533_div" class=""></div>
            <div id="u533_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u534" class="ax_default _连接线">
        <img id="u534_seg0" class="img " src="images/预约观看直播流程图/u534_seg0.svg" alt="u534_seg0"/>
        <img id="u534_seg1" class="img " src="images/预约观看直播流程图/u534_seg1.svg" alt="u534_seg1"/>
        <img id="u534_seg2" class="img " src="images/预约观看直播流程图/u534_seg2.svg" alt="u534_seg2"/>
        <div id="u534_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u535" class="ax_default label">
        <div id="u535_div" class=""></div>
        <div id="u535_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u536" class="ax_default label">
        <div id="u536_div" class=""></div>
        <div id="u536_text" class="text ">
          <p><span>未预约</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u537" class="ax_default" data-left="100" data-top="775" data-width="150" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u538" class="ax_default flow_shape">
          <div id="u538_div" class=""></div>
          <div id="u538_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u539" class="ax_default paragraph">
          <div id="u539_div" class=""></div>
          <div id="u539_text" class="text ">
            <p><span>直播页面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u540" class="ax_default shape1">
          <img id="u540_img" class="img " src="images/预约观看直播流程图/u540.svg"/>
          <div id="u540_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u541" class="ax_default" data-left="120" data-top="812" data-width="109" data-height="41">

          <!-- Unnamed (矩形) -->
          <div id="u542" class="ax_default shape1">
            <div id="u542_div" class=""></div>
            <div id="u542_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u543" class="ax_default" data-left="120" data-top="861" data-width="109" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u544" class="ax_default shape1">
            <div id="u544_div" class=""></div>
            <div id="u544_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u545" class="ax_default shape1">
            <div id="u545_div" class=""></div>
            <div id="u545_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u546" class="ax_default shape1">
            <div id="u546_div" class=""></div>
            <div id="u546_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u547" class="ax_default" data-left="120" data-top="889" data-width="109" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u548" class="ax_default shape1">
            <div id="u548_div" class=""></div>
            <div id="u548_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u549" class="ax_default shape1">
            <div id="u549_div" class=""></div>
            <div id="u549_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u550" class="ax_default shape1">
            <div id="u550_div" class=""></div>
            <div id="u550_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u551" class="ax_default" data-left="120" data-top="918" data-width="109" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u552" class="ax_default shape1">
            <div id="u552_div" class=""></div>
            <div id="u552_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u553" class="ax_default shape1">
            <div id="u553_div" class=""></div>
            <div id="u553_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u554" class="ax_default shape1">
            <div id="u554_div" class=""></div>
            <div id="u554_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u555" class="ax_default _连接线">
        <img id="u555_seg0" class="img " src="images/预约观看直播流程图/u555_seg0.svg" alt="u555_seg0"/>
        <img id="u555_seg1" class="img " src="images/预约观看直播流程图/u555_seg1.svg" alt="u555_seg1"/>
        <img id="u555_seg2" class="img " src="images/预约观看直播流程图/u555_seg2.svg" alt="u555_seg2"/>
        <div id="u555_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u556" class="ax_default label">
        <div id="u556_div" class=""></div>
        <div id="u556_text" class="text ">
          <p><span>点击课程:进入直播页面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u557" class="ax_default _连接线">
        <img id="u557_seg0" class="img " src="images/预约观看直播流程图/u557_seg0.svg" alt="u557_seg0"/>
        <img id="u557_seg1" class="img " src="images/预约观看直播流程图/u557_seg1.svg" alt="u557_seg1"/>
        <img id="u557_seg2" class="img " src="images/预约观看直播流程图/u557_seg2.svg" alt="u557_seg2"/>
        <img id="u557_seg3" class="img " src="images/预约观看直播流程图/u557_seg3.svg" alt="u557_seg3"/>
        <div id="u557_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u558" class="ax_default label">
        <div id="u558_div" class=""></div>
        <div id="u558_text" class="text ">
          <p><span>观看直播</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u559" class="ax_default" data-left="100" data-top="247" data-width="150" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u560" class="ax_default flow_shape">
          <div id="u560_div" class=""></div>
          <div id="u560_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u561" class="ax_default paragraph">
          <div id="u561_div" class=""></div>
          <div id="u561_text" class="text ">
            <p><span>课堂直播列表</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u562" class="ax_default shape1">
          <img id="u562_img" class="img " src="images/预约观看直播流程图/u540.svg"/>
          <div id="u562_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u563" class="ax_default" data-left="120" data-top="284" data-width="75" data-height="35">

          <!-- Unnamed (组合) -->
          <div id="u564" class="ax_default" data-left="120" data-top="303" data-width="75" data-height="16">

            <!-- Unnamed (矩形) -->
            <div id="u565" class="ax_default shape1">
              <div id="u565_div" class=""></div>
              <div id="u565_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u566" class="ax_default shape1">
              <div id="u566_div" class=""></div>
              <div id="u566_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u567" class="ax_default shape1">
              <div id="u567_div" class=""></div>
              <div id="u567_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u568" class="ax_default shape1">
            <div id="u568_div" class=""></div>
            <div id="u568_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u569" class="ax_default" data-left="120" data-top="333" data-width="109" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u570" class="ax_default shape1">
            <div id="u570_div" class=""></div>
            <div id="u570_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u571" class="ax_default shape1">
            <div id="u571_div" class=""></div>
            <div id="u571_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u572" class="ax_default shape1">
            <div id="u572_div" class=""></div>
            <div id="u572_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u573" class="ax_default" data-left="120" data-top="361" data-width="109" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u574" class="ax_default shape1">
            <div id="u574_div" class=""></div>
            <div id="u574_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u575" class="ax_default shape1">
            <div id="u575_div" class=""></div>
            <div id="u575_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u576" class="ax_default shape1">
            <div id="u576_div" class=""></div>
            <div id="u576_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u577" class="ax_default" data-left="120" data-top="390" data-width="109" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u578" class="ax_default shape1">
            <div id="u578_div" class=""></div>
            <div id="u578_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u579" class="ax_default shape1">
            <div id="u579_div" class=""></div>
            <div id="u579_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u580" class="ax_default shape1">
            <div id="u580_div" class=""></div>
            <div id="u580_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u581" class="ax_default _连接线">
        <img id="u581_seg0" class="img " src="images/预约观看直播流程图/u581_seg0.svg" alt="u581_seg0"/>
        <img id="u581_seg1" class="img " src="images/预约观看直播流程图/u581_seg1.svg" alt="u581_seg1"/>
        <img id="u581_seg2" class="img " src="images/预约观看直播流程图/u581_seg2.svg" alt="u581_seg2"/>
        <div id="u581_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u582" class="ax_default _连接线">
        <img id="u582_seg0" class="img " src="images/预约观看直播流程图/u582_seg0.svg" alt="u582_seg0"/>
        <img id="u582_seg1" class="img " src="images/预约观看直播流程图/u582_seg1.svg" alt="u582_seg1"/>
        <img id="u582_seg2" class="img " src="images/预约观看直播流程图/u582_seg2.svg" alt="u582_seg2"/>
        <img id="u582_seg3" class="img " src="images/预约观看直播流程图/u582_seg3.svg" alt="u582_seg3"/>
        <div id="u582_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u583" class="ax_default heading_2">
        <div id="u583_div" class=""></div>
        <div id="u583_text" class="text ">
          <p><span>课堂直播列表</span></p><p><span>分类 ： 全部 未来 6天 日期</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default heading_2">
        <div id="u584_div" class=""></div>
        <div id="u584_text" class="text ">
          <p><span>1.全部 显示未来6天所有直播课程，按照时间先后顺序，分块展示</span></p><p><span>2. 根据 日期 标签，可进行筛选</span></p><p><span>3. 列表的每个课程后都有 预约提醒按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u585" class="ax_default flow_shape">
        <div id="u585_div" class=""></div>
        <div id="u585_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default label">
        <div id="u586_div" class=""></div>
        <div id="u586_text" class="text ">
          <p><span>点击：提醒我</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default flow_shape">
        <div id="u587_div" class=""></div>
        <div id="u587_text" class="text ">
          <p><span>已提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u588" class="ax_default _连接线">
        <img id="u588_seg0" class="img " src="images/预约观看直播流程图/u588_seg0.svg" alt="u588_seg0"/>
        <img id="u588_seg1" class="img " src="images/预约观看直播流程图/u588_seg1.svg" alt="u588_seg1"/>
        <img id="u588_seg2" class="img " src="images/预约观看直播流程图/u588_seg2.svg" alt="u588_seg2"/>
        <div id="u588_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u589" class="ax_default label">
        <div id="u589_div" class=""></div>
        <div id="u589_text" class="text ">
          <p><span>预约按钮状态</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u590" class="ax_default _连接线">
        <img id="u590_seg0" class="img " src="images/预约观看直播流程图/u590_seg0.svg" alt="u590_seg0"/>
        <img id="u590_seg1" class="img " src="images/预约观看直播流程图/u590_seg1.svg" alt="u590_seg1"/>
        <img id="u590_seg2" class="img " src="images/预约观看直播流程图/u590_seg2.svg" alt="u590_seg2"/>
        <img id="u590_seg3" class="img " src="images/预约观看直播流程图/u590_seg3.svg" alt="u590_seg3"/>
        <div id="u590_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u591" class="ax_default _连接线">
        <img id="u591_seg0" class="img " src="images/预约观看直播流程图/u591_seg0.svg" alt="u591_seg0"/>
        <img id="u591_seg1" class="img " src="images/预约观看直播流程图/u591_seg1.svg" alt="u591_seg1"/>
        <img id="u591_seg2" class="img " src="images/预约观看直播流程图/u591_seg2.svg" alt="u591_seg2"/>
        <img id="u591_seg3" class="img " src="images/预约观看直播流程图/u591_seg3.svg" alt="u591_seg3"/>
        <div id="u591_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u592" class="ax_default _连接线">
        <img id="u592_seg0" class="img " src="images/预约观看直播流程图/u592_seg0.svg" alt="u592_seg0"/>
        <img id="u592_seg1" class="img " src="images/预约观看直播流程图/u592_seg1.svg" alt="u592_seg1"/>
        <img id="u592_seg2" class="img " src="images/预约观看直播流程图/u592_seg2.svg" alt="u592_seg2"/>
        <img id="u592_seg3" class="img " src="images/预约观看直播流程图/u592_seg3.svg" alt="u592_seg3"/>
        <img id="u592_seg4" class="img " src="images/预约观看直播流程图/u592_seg4.svg" alt="u592_seg4"/>
        <div id="u592_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u593" class="ax_default _连接线">
        <img id="u593_seg0" class="img " src="images/预约观看直播流程图/u593_seg0.svg" alt="u593_seg0"/>
        <img id="u593_seg1" class="img " src="images/预约观看直播流程图/u593_seg1.svg" alt="u593_seg1"/>
        <img id="u593_seg2" class="img " src="images/预约观看直播流程图/u593_seg2.svg" alt="u593_seg2"/>
        <img id="u593_seg3" class="img " src="images/预约观看直播流程图/u593_seg3.svg" alt="u593_seg3"/>
        <img id="u593_seg4" class="img " src="images/预约观看直播流程图/u593_seg4.svg" alt="u593_seg4"/>
        <div id="u593_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u594" class="ax_default flow_shape">
        <div id="u594_div" class=""></div>
        <div id="u594_text" class="text ">
          <p><span>提醒我</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u595" class="ax_default label">
        <div id="u595_div" class=""></div>
        <div id="u595_text" class="text ">
          <p><span>点击：更多</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u596" class="ax_default heading_2">
        <div id="u596_div" class=""></div>
        <div id="u596_text" class="text ">
          <p><span>直播页面</span></p><p><span>直播未开始，播放器中间显示预约按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u597" class="ax_default _连接线">
        <img id="u597_seg0" class="img " src="images/预约观看直播流程图/u597_seg0.svg" alt="u597_seg0"/>
        <img id="u597_seg1" class="img " src="images/预约观看直播流程图/u597_seg1.svg" alt="u597_seg1"/>
        <img id="u597_seg2" class="img " src="images/预约观看直播流程图/u597_seg2.svg" alt="u597_seg2"/>
        <div id="u597_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u598" class="ax_default _连接线">
        <img id="u598_seg0" class="img " src="images/预约观看直播流程图/u598_seg0.svg" alt="u598_seg0"/>
        <img id="u598_seg1" class="img " src="images/预约观看直播流程图/u598_seg1.svg" alt="u598_seg1"/>
        <img id="u598_seg2" class="img " src="images/预约观看直播流程图/u598_seg2.svg" alt="u598_seg2"/>
        <img id="u598_seg3" class="img " src="images/预约观看直播流程图/u598_seg3.svg" alt="u598_seg3"/>
        <div id="u598_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u599" class="ax_default heading_2">
        <div id="u599_div" class=""></div>
        <div id="u599_text" class="text ">
          <p><span>直播开始</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u600" class="ax_default heading_2">
        <div id="u600_div" class=""></div>
        <div id="u600_text" class="text ">
          <p><span>可以和老师互动说话</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default flow_shape">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>直播中</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u602" class="ax_default _连接线">
        <img id="u602_seg0" class="img " src="images/预约观看直播流程图/u602_seg0.svg" alt="u602_seg0"/>
        <img id="u602_seg1" class="img " src="images/预约观看直播流程图/u602_seg1.svg" alt="u602_seg1"/>
        <img id="u602_seg2" class="img " src="images/预约观看直播流程图/u602_seg2.svg" alt="u602_seg2"/>
        <div id="u602_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u603" class="ax_default label">
        <div id="u603_div" class=""></div>
        <div id="u603_text" class="text ">
          <p><span>观看直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u604" class="ax_default label">
        <div id="u604_div" class=""></div>
        <div id="u604_text" class="text ">
          <p><span>观看直播</span></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u605" class="ax_default _连接线">
        <img id="u605_seg0" class="img " src="images/预约观看直播流程图/u605_seg0.svg" alt="u605_seg0"/>
        <img id="u605_seg1" class="img " src="images/预约观看直播流程图/u605_seg1.svg" alt="u605_seg1"/>
        <img id="u605_seg2" class="img " src="images/预约观看直播流程图/u605_seg2.svg" alt="u605_seg2"/>
        <div id="u605_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
